<!DOCTYPE HTML>
<!-- 
    Copyright 2010 Digish Pandya <digish.pandya@gmail.com>

    This file is part of Banana-Merge a web based merging tool.
    Banana-Merge is free software: you can redistribute it and/or modify it under the
    terms of the GNU General Public License as published by the Free Software 
    Foundation, either version 3 of the License, or (at your option) any later 
    version. Banaa-Merge is distributed in the hope that it will be useful, 
    but WITHOUT ANY WARRANTY; without even the implied warranty of 
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General 
    Public License for more details.
    
    You should have received a copy of the GNU General Public License along 
    with Banana-Merge. If not, see http://www.gnu.org/licenses/.
-->
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Banana Merge</title>
  <script type="text/javascript" src="banana.js"></script>
  <link rel="stylesheet" href="reset.css">
  <link rel="stylesheet" href="banana.css">
</head>

<body>
    <section class="win_section">
    <div class="table">
      <div class="row browse_section">
        <div class="cell_tl">
        </div>
        <div class="cell">
          <input type="file" title="Select Files" id="file_load_b" multiple="true" onchange="load()" />
        </div>
        <div class="cell_tm">
        </div>
        <div class="cell">
          <input type="file" title="Select Files" id="file_load_b" multiple="true" onchange="load()" />
        </div>
        <div class="cell_tm">
        </div>
        <div class="cell">
          <input type="file" title="Select Files" id="file_load_b" multiple="true" onchange="load()" />
        </div>
        <div class="cell_tr">
        </div>
      </div>
      
      <div class="row win_section">
        <div class="cell_tl">
          <canvas id="merge_can0" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
        </div>
        <div class="cell ">
	        <div id="progress_bar1" class= "hideme" ><div id="pgp1" class="percent ">Loaded 0%</div></div>
	        <textarea id="editor0" class="editor "  wrap="off" onscroll="scrollsync_edit()" > </textarea>
	        <span   id="editor_pp0"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(1)"  contentEditable="true"></span>
        </div>
        <div class="cell_tm">
          <canvas id="merge_can1" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
          <input type="button" id="swap1" class="swap" value="<>" onclick="swap_ed(0)"  />
        </div>
        <div class="cell ">
	        <div id="progress_bar2" class= "hideme" ><div id="pgp2" class="percent ">Loaded 0%</div></div>
	        <textarea id="editor1" class="editor"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
	        <span   id="editor_pp1"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(2)"  contentEditable="true"></span>
        </div>
        <div class="cell_tm">
          <canvas id="merge_can2" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>
          <input type="button" id="swap2" class="swap" value="<>" onclick="swap_ed(1)"  />
        </div>
        <div class="cell ">
	        <div id="progress_bar3" class= "hideme" ><div id="pgp3" class="percent ">Loaded 0%</div></div>
	        <textarea id="editor2" class="editor size3"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
	        <span   id="editor_pp2"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(3)"  contentEditable="true"></span>
        </div>
        <div class="cell_tr">
          <canvas id="merge_can3" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>
        </div>
        
      
<!--       
	      <div id="progress_bar1" class= "hideme" ><div id="pgp1" class="percent ">Loaded 0%</div></div>
	      <div id="progress_bar2" class= "hideme" ><div id="pgp2" class="percent ">Loaded 0%</div></div>
	      <div id="progress_bar3" class= "hideme" ><div id="pgp3" class="percent ">Loaded 0%</div></div>
	      
	      <textarea id="editor0" class="editor show_me size2"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
	      <textarea id="editor1" class="editor show_me size2"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
	      <textarea id="editor2" class="editor size3"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
	      
	      <canvas id="merge_can0" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
	      <span   id="editor_pp0"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(1)"  contentEditable="true"></span>
	      
	      <canvas id="merge_can1" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
	      <input type="button" id="swap1" class="swap" value="<>" onclick="swap_ed(0)"  />
	      
	      <span   id="editor_pp1"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(2)"  contentEditable="true"></span>
	      <canvas id="merge_can2" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>
	                  
	      <span   id="editor_pp2"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(3)"  contentEditable="true"></span>
	      <canvas id="merge_can3" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>
 -->	                  
      </div>
    </div>    
    </section>
    
    <footer>
    <div class="footer" >
    &nbsp;&nbsp;<a href="licence.txt">Banana Merge &copy; 2010 (Use Firefox only) </a> 
    &nbsp;&nbsp;<a href="http://code.google.com/p/banana-merge/">Code</a>
    </div>
    </footer>     
</body>
</html>